﻿<!DOCTYPE html>
<!--[if lte IE 8 ]>    <html dir="ltr" lang="en-US" class="ie8-and-below"> <![endif]-->
<!--[if IE 9 ]>    <html dir="ltr" lang="en-US" class="ie9"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html dir="ltr" lang="en-US" class="no-js"><!--<![endif]-->
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
    <title>iYouse | About</title>
    <meta name="description" content="iYouse website" />
    <meta name="author" content="Rahul Yadav">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
    <link href="css/app.css" media="screen" rel="stylesheet" type="text/css" />
    <!--[if lt IE 9 ]>    
      <script type="text/javascript" src="js/html5shiv.js"></script>
    <![endif]-->
  </head>
  <body>
    <div class="wrapper">
      <header class="main-header">
        <div class="container">
          <h1 class="col span_4"><a href="index.htm" class="logo ir">Home</a></h1>
          <nav class="col span_8">
            <ul>
              <li><a href="index.htm">Home</a></li>
              <li><a href="services.htm">Services</a></li>
              <li><a href="#work.htm">Our work</a></li>
              <li class="active"><a href="about.htm">About</a></li>
              <li><a href="contact.htm">Contact</a></li>
            </ul>
          </nav>
        </div>
      </header>
      <section class="main-content about">
        <div class="container content-box">
          <h1>Team</h1>
          <ul class="member-brief">
            <li class="col span_4">
              <h3 class="member-name">Srinivas</h3>
              <h4 class="member-designation">President</h4>
              <figure>
                <img src="./img/team/srinivas.png" alt="Srinivas">
                <div class="overlay">
                  <div class="contact-info-wrapper">
                    <a href="#" class="ir twitter">twitter</a>
                    <a href="#" class="ir linkedin">linkedin</a>
                    <a href="#" class="ir email">mail</a>
                  </div>
                </div>
              </figure>
              <p>Srinivas Raghavan is the Founder and President of iYOUSE, Inc. Srinivas received his MBA degree from the Rady School of...</p>
              <button class="show-more">More</button>
            </li>
            <li class="col span_4">
              <h3 class="member-name">April</h3>
              <h4 class="member-designation">Operations</h4>
              <figure>
                <img src="./img/team/april.png" alt="April">
                <div class="overlay">
                  <div class="contact-info-wrapper">
                    <a href="#" class="ir twitter">twitter</a>
                    <a href="#" class="ir linkedin">linkedin</a>
                    <a href="#" class="ir email">mail</a>
                  </div>
                </div>
              </figure>
              <p>April is Operations Manager for iYOUSE, Inc. Previously, she was the Director of Marketing for Jenny Craig International, Watt Industries</p>
              <button class="show-more">More</button>
            </li>
            <li class="col span_4">
              <h3 class="member-name">Dayakar</h3>
              <h4 class="member-designation">Software Architect</h4>
              <figure>
                <img src="./img/team/dayakar.png" alt="Dayakar">
                <div class="overlay">
                  <div class="contact-info-wrapper">
                    <a href="#" class="ir twitter">twitter</a>
                    <a href="#" class="ir linkedin">linkedin</a>
                    <a href="#" class="ir email">mail</a>
                  </div>
                </div>
              </figure>
              <p>Dayakar is the Lead Software Architect at iYOUSE, Inc.  He has extensive experience in creating solutions to needs
in e-Learning....</p>
              <button class="show-more">More</button>
            </li>
            <li class="col span_4">
              <h3 class="member-name">ADINARAYANA</h3>
              <h4 class="member-designation">Tech Lead</h4>
              <figure>
                <img src="./img/team/adinarayana.png" alt="Adinarayana">
                <div class="overlay">
                  <div class="contact-info-wrapper">
                    <a href="#" class="ir twitter">twitter</a>
                    <a href="#" class="ir linkedin">linkedin</a>
                    <a href="#" class="ir email">mail</a>
                  </div>
                </div>
              </figure>
              <p>Adinarayana is working as a Team Lead in iYOUSE. He has above five years of in various JAVA and J2EE technologies...</p>
              <button class="show-more">More</button>
            </li>
            <li class="col span_4">
              <h3 class="member-name">Pallavi</h3>
              <h4 class="member-designation">UX Dev</h4>
              <figure>
                <img src="./img/team/pallavi.png" alt="Pallavi">
                <div class="overlay">
                  <div class="contact-info-wrapper">
                    <a href="#" class="ir twitter">twitter</a>
                    <a href="#" class="ir linkedin">linkedin</a>
                    <a href="#" class="ir email">mail</a>
                  </div>
                </div>
              </figure>
              <p>Pallavi is the Lead User Experience Designer at iYOUSE, Inc. She worked previously as a User Experience Designer with Texity</p>
              <button class="show-more">More</button>
            </li>
            <li class="col span_4">
              <h3 class="member-name">Ramdas</h3>
              <h4 class="member-designation">UX Design</h4>
              <figure>
                <img src="./img/team/ramdas.png" alt="Ramdas">
                <div class="overlay">
                  <div class="contact-info-wrapper">
                    <a href="#" class="ir twitter">twitter</a>
                    <a href="#" class="ir linkedin">linkedin</a>
                    <a href="#" class="ir email">mail</a>
                  </div>
                </div>
              </figure>
              <p>Ramdas Kasav is a passionate graphic designer with extensive experience in bringing rich and enterprise graphic design</p>
              <button class="show-more">More</button>
            </li>
          </ul>
          <ul class="member-details">
            <li>
              <div class="col profile-pic span_4">
                <h3 class="member-name">Srinivas</h3>
                <h4 class="member-designation">President</h4>
                <figure>
                  <img src="./img/team/srinivas.png" alt="Srinivas">
                </figure>
                  <div class="contact-info-wrapper">
                    <a href="#" class="ir twitter">twitter</a>
                    <a href="#" class="ir linkedin">linkedin</a>
                    <a href="#" class="ir email">mail</a>
                  </div>
              </div>
              <div class="col details span_8">
                <p>Srinivas Raghavan is the Founder and President of iYOUSE, Inc.  Srinivas received his MBA  degree from the Rady School of Business, University of California San Diego in 2008 and his M.S. & Ph.D. degrees in Computer Science in 1990 and 1998 specializing in Human Computer Interaction (HCI). He has worked extensively in the field of wireless telecommunications and wireless health, holding positions of Director of User Experience (Qualcomm) and Distinguished Member of Technical Staff, Software & Human Experience (Gary & Mary West Wireless Health Institute). He has received patents and authored publications on Human Factors and User Centered Design.</p>
                <p>In 2009 he started iYOUSE Inc, a consulting company working on innovative products & services in wireless technology, wireless health, and education. In 2011 he was appointed as an adjunct Professor in the Department of Electrical Engineering & Computer Science at Case Western Reserve University. He co-founded the Graduate Education program in Wireless Health and launched the first ever Wireless Health Graduate Certificate program in San Diego.</p>
                <p>Srinivas consults for leading companies in the wireless industry in intellectual property and user experience strategy. He has extensive experience in wireless technology, innovation, IP strategy, user experience design and strategy, and new product development</p>
              </div>
            </li>
            <li>
              <div class="col profile-pic span_4">
                <h3 class="member-name">April</h3>
                <h4 class="member-designation">Operations</h4>
                <figure>
                  <img src="./img/team/april.png" alt="April">
                </figure>
                <div class="contact-info-wrapper">
                  <a href="#" class="ir twitter">twitter</a>
                  <a href="#" class="ir linkedin">linkedin</a>
                  <a href="#" class="ir email">mail</a>
                </div>
              </div>
              <div class="col details span_8">
                <p>April is Operations Manager for iYOUSE, Inc. Previously, she was the Director of Marketing for Jenny Craig International, Watt Industries and Coldwell Banker New Homes. She is a graduate of San Diego State University and also holds a K-12 California teaching credential from California State University at San Marcos. April has extensive experience in the areas of business systems development, marketing and primary education. April is currently working as Director of Operations for QuanatEd, LLC through iYOUSE, Inc.</p>
              </div>
            </li>
            <li>
              <div class="col profile-pic span_4">
                <h3 class="member-name">Dayakar</h3>
                <h4 class="member-designation">Software Architect</h4>
                <figure>
                  <img src="./img/team/dayakar.png" alt="Dayakar">
                </figure>
                  <div class="contact-info-wrapper">
                    <a href="#" class="ir twitter">twitter</a>
                    <a href="#" class="ir linkedin">linkedin</a>
                    <a href="#" class="ir email">mail</a>
                  </div>
              </div>
              <div class="col details span_8">
                <p>Dayakar is the Lead Software Architect at iYOUSE, Inc.  He has extensive experience in creating solutions to needs
in e-Learning, e-commerce and wireless/mobile applications. He has over 7 years of experience in the areas of
software development, database design and web application development using object oriented programming languages. 
He has a good experience in developing an end to end enterprise level product connecting different systems.
<br /><br />
His previous affiliations have been with Texity Systems, consultant of Qualcomm, consultant of Motorola and
Innominds as developer, Project Lead etc. At iYouse, he is instrumental in providing a complete working software
solution that is well engineered, maintainable, delivered on schedule, aligns to product vision. By having a
holistic view on the entire software system, he analyzes the requirements, architects the application, develops the
working model and guides the team towards perfection.
<br /><br />
Dayakar holds a Master degree in Software Systems from Bits Pilani, India.</p>
              </div>
            </li>
            <li>
              <div class="col profile-pic span_4">
                <h3 class="member-name">ADINARAYANA</h3>
                <h4 class="member-designation">Tech Lead</h4>
                <figure>
                  <img src="./img/team/adinarayana.png" alt="Adinarayana">
                </figure>
                  <div class="contact-info-wrapper">
                    <a href="#" class="ir twitter">twitter</a>
                    <a href="#" class="ir linkedin">linkedin</a>
                    <a href="#" class="ir email">mail</a>
                  </div>
              </div>
              <div class="col details span_8">
                <p>Adinarayana is working as a Team Lead in iYOUSE. He has above five years of in various JAVA and J2EE technologies. He pursued Masters degree in Computers from JNTU, Hyderabad.
                </p>
                <p>
                  He started career in developing web applications using JAVA related technologies. He worked in various domains like Health Care, Financial projects. As a developer, presented excellent problem solving skills where ever and when ever faced such situations.
                </p>
              </div>
            </li>
            <li>
              <div class="col profile-pic span_4">
                <h3 class="member-name">Pallavi</h3>
                <h4 class="member-designation">UX Dev</h4>
                <figure>
                  <img src="./img/team/pallavi.png" alt="Pallavi">
                </figure>
                <div class="contact-info-wrapper">
                  <a href="#" class="ir twitter">twitter</a>
                  <a href="#" class="ir linkedin">linkedin</a>
                  <a href="#" class="ir email">mail</a>
                </div>
              </div>
              <div class="col details span_8">
                <p>Pallavi is the Lead User Experience Designer at iYOUSE, Inc. She worked previously as a User Experience Designer with Texity Systems, and as a Visual Designer with Maximize Learning and Brainvisa Technologies. She has exhibited her paintings at various exhibitions in India. Pallavi has extensive experience in designing visual, human-friendly interfaces, user research, e-learning and designing for special needs.</p>
              </div>
            </li>
            <li>
              <div class="col profile-pic span_4">
                <h3 class="member-name">Ramdas</h3>
                <h4 class="member-designation">UX Design</h4>
                <figure>
                  <img src="./img/team/ramdas.png" alt="Ramdas">
                </figure>
                <div class="contact-info-wrapper">
                  <a href="#" class="ir twitter">twitter</a>
                  <a href="#" class="ir linkedin">linkedin</a>
                  <a href="#" class="ir email">mail</a>
                </div>
              </div>
              <div class="col details span_8">
                <p>Ramdas Kasav is a passionate graphic designer with extensive experience in bringing rich and enterprise graphic design solutions to customer needs. As UX desinger at iYouse inc., he is responsible for the entire graphic designs. Ramdas has experience helding a variety of roles in graphic development, Visual designs, Web design solutions and user experience design etc.</p>
                <p>Ramdas earned a Bachelor of Fine Arts degree from JJ School of Art, Mumbai. He started career in graphic designs and worked in many spaces of design like digital, media, print media, visual designs, web designs, logo design, branding etc. He delivers customer satisfaction by creative graphics and innovative designs at work. He was a key member of the DUX team (Design User Experience) at Texity Software, leading for design solutions on Qualcomm products.</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="quick-jump-wrapper">
          <ul class="quick-jump container">
          </ul>
        </div>
      </section>
     
    </div>
     <footer class="main-footer">
        <div class="container">
          <div class="col span_3">
            <a class="social fb ir" href="#">facebook</a>
            <a class="social twitter ir" href="#">twitter</a>
            <a class="social rss ir" href="#">rss feed</a>
          </div>
          <nav class="col span_6">
            <ul>
              <li><a href="index.htm">Home</a></li>
              <li><a href="services.htm">Services</a></li>
              <li><a href="#">Our work</a></li>
              <li><a href="about.htm">About</a></li>
              <li><a href="contact.htm">Contact</a></li>
            </ul>
          </nav>
          <div class="col span_3 copyright">
            © 2013 iyouseinc, All rights reserved.
          </div>
        </div>
      </footer>
      <script id="thumbnailTemplate" type="text/tmpl">
        <li>
          <a href="{{name}}">
            <h3 class="member-name">{{name}}</h3>
            <h4 class="member-designation">{{designation}}</h4>
            <figure>
              <img class="black-and-white" src="./img/team/{{name}}-small-bw.png" alt="{{name}}">
              <img src="./img/team/{{name}}-small.png" alt="{{name}}">
            </figure>
          </a>
        </li>
      </script>
      <script src="js/libs/jquery.1.9.1.min.js"></script>
      <script src="js/libs/jquery.scrollto.js"></script>
      <script>
        $(function(){
          var $memberDetailsContainer = $('.member-details'),
              $members = $memberDetailsContainer.find('li');
              $aboutContainer = $('.about');
          
          createQuickJumps();
          attachEventsOnQuickJumps();          
          activateShowMoreEvents();

          function createQuickJumps(){
            var template = $('#thumbnailTemplate').html();
            $members.each(function(){
              var $this = $(this),
                  name = $this.find('.member-name').html().toLowerCase(),
                  designation = $this.find('.member-designation').html();

              $this.attr('id','member' + name.toLowerCase());
              var html = template.replace(/{{name}}/gi,name);
                  html = html.replace(/{{designation}}/gi,designation);
              $('.quick-jump').append(html);
            })
          };

          function attachEventsOnQuickJumps(){
            var $quickJumpItems = $('.quick-jump li');
            $quickJumpItems.on('click', function(e){
              e.preventDefault();
              $quickJumpItems.removeClass('active');
              $(this).addClass('active');
              showMemberDetails($(this).find('a').attr('href'));
            });
          }

          function activateShowMoreEvents(){
            $('.member-brief li').each(function(){
              var $this = $(this),
                  name = $this.find('.member-name').html().toLowerCase(),
                  $showMoreButton = $this.find('.show-more');
              
              $showMoreButton.on('click', function(){
                $('body').addClass('bg-dark');
                var $anchorTag = $('.quick-jump a[href="'+ name +'"]');
                $anchorTag.parent().addClass('active');
                $aboutContainer.addClass('about-member');
                showMemberDetails(name);    
              });

            });
          };
          function showMemberDetails(memberName){
            var $member = $('#member' + memberName);
            $members.removeClass('active');
            $member.addClass('active');
            // $member.ScrollTo();
          }
        })
      </script>
  </body>
</html>

